<script setup>
import { RouterLink, RouterView } from 'vue-router'
import SiderMenu from '@/components/SiderMenu/SiderMenu.vue'
import Header from '@/components/Header/index.vue'
</script>

<template>
  <div class="app">
    <Header></Header>
    <div class="content">
      <div class="left">
        <SiderMenu></SiderMenu>

      </div>

      <div class="right">
        <RouterView />
      </div>
    </div>
  </div>
</template>

<style scoped>
.app .content {
  display: flex;

  min-height: calc(100vh - 55px);
  max-height: calc(100vh - 55px);

}

.left {
  flex: .1;
}

.right {
  flex: 1;
  padding: 20px;

  border-radius: 8px;

}
</style>
